<!--
 * @Author: Wangtao
 * @Date: 2021-04-01 11:41:07
 * @LastEditors: Wangtao
 * @LastEditTime: 2021-04-13 16:33:06
-->
/*
 * @Author: licc
 * @Date: 2021-03-04 10:06:27
 * @Last Modified by: licc
 * @Last Modified time: 2021-03-19 18:45:55
 */

<template>
  <div style="display: flex;height: 100%;">
    <SideBar  class="fl" :groupSettings='groupSettings'></SideBar>
    <div class="message-wapper fr">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
  </div>
</template>

<script lang="ts">
import SideBar from '@/common/views/sideBar/index.vue'
import { Component, Vue } from 'vue-property-decorator'
import { isHasFuncOrMenus } from '@/utils/common'
@Component({
  name: 'Message',
  components: { SideBar }
})
export default class Config extends Vue {
  [x: string]: any
  private groupSettings = {
    system: {
      title: '消息设置'
    }
  }
}
</script>

<style lang="stylus" scoped>
  .message-wapper
      width calc(100vw - 262px)
      height 100%
      flex 1
      padding-left 16px
  .navMenuState .message-wapper
      width calc(100vw - 314px)
</style>
